<#import "/manage/tpl/pageTep.ftl" as page>
<@page.pageBase currentMenu="商品管理">
<#--<style type="text/css">-->
<#--.product-name {-->
<#--display: inline-block;-->
<#--width: 250px;-->
<#--overflow: hidden; /*注意不要写在最后了*/-->
<#--white-space: nowrap;-->
<#---o-text-overflow: ellipsis;-->
<#--text-overflow: ellipsis;-->
<#--}-->
<#--</style>-->

<#--<form action="${basepath}/manage/product" namespace="/manage" method="post" theme="simple">-->
<#--<input type="hidden" value="${e.catalogID!""}" id="catalogID"/>-->
<#--<table class="table table-bordered table-condensed">-->
<#--<tr>-->
<#--<td style="text-align: right;">商品编号</td>-->
<#--<td style="text-align: left;"><input type="text"  value="${e.id!""}" name="id"  class="search-query input-small"-->
<#--id="id" /></td>-->
<#--<td style="text-align: right;">状态</td>-->
<#--<td style="text-align: left;">-->
<#--<#assign map = {"0":'',"1":'新增',"2":'已上架',"3":'已下架'}>-->
<#--<select id="status" name="status" class="input-medium">-->
<#--<#list map?keys as key>-->
<#--<option value="${key}" <#if e.status?? && e.status==key?eval>selected="selected" </#if>>${map[key]}</option>-->
<#--</#list>-->
<#--</td>-->
<#--<td style="text-align: right;">-->
<#--商品分类-->
<#--</td>-->
<#--<td>-->
<#--<!-- 							> &ndash;&gt;-->
<#--<select onchange="catalogChange(this)" name="catalogID" id="catalogSelect" class="input-medium">-->
<#--<option></option>-->
<#--<#list catalogs as item>-->
<#--<option pid="0" value="${item.id!""}"><font color='red'>${item.name!""}</font></option>-->
<#--<#if item.children??>-->
<#--<#list item.children as item>-->
<#--<option value="${item.id!""}">&nbsp;&nbsp;&nbsp;&nbsp;${item.name!""}</option>-->
<#--</#list>-->
<#--</#if>-->
<#--</#list>-->
<#--</select>-->
<#--</td>-->
<#--<td style="text-align: right;">新品</td>-->
<#--<td style="text-align: left;">-->
<#--<#assign map = {'':'','y':'是','n':'否'}>-->
<#--<select id="isnew" name="isnew" class="input-medium">-->
<#--<#list map?keys as key>-->
<#--<option value="${key}" <#if e.isnew?? && e.isnew==key>selected="selected" </#if>>${map[key]}</option>-->
<#--</#list>-->
<#--</td>-->
<#--<td style="text-align: right;">特价</td>-->
<#--<td style="text-align: left;" >-->
<#--<#assign map = {'':'','y':'是','n':'否'}>-->
<#--<select id="sale" name="sale" class="input-medium">-->
<#--<#list map?keys as key>-->
<#--<option value="${key}" <#if e.sale?? && e.sale==key>selected="selected" </#if>>${map[key]}</option>-->
<#--</#list>-->
<#--</td>-->
<#--</tr>-->
<#--<tr>-->
<#--<td style="text-align: right;">商品名称</td>-->
<#--<td style="text-align: left;" ><input type="text"  value="${e.name!""}" name="name"  class="input-small"-->
<#--id="name" /></td>-->
<#--<td style="text-align: right;">录入日期</td>-->
<#--<td style="text-align: left;" colspan="9">-->
<#--<input id="d4311" class="Wdate search-query input-small" type="text" name="startDate"-->
<#--value="${e.startDate!""}"-->
<#--onFocus="WdatePicker({maxDate:'#F{$dp.$D(\'d4312\')||\'2020-10-01\'}'})"/>-->
<#--~ -->
<#--<input id="d4312" class="Wdate search-query input-small" type="text" name="endDate"-->
<#--value="${e.endDate!""}"-->
<#--onFocus="WdatePicker({minDate:'#F{$dp.$D(\'d4311\')}',maxDate:'2020-10-01'})"/>-->
<#--</td>-->
<#--<!-- 						<td style="text-align: right;">录入人</td> &ndash;&gt;-->
<#--</tr>-->
<#--<tr>-->
<#--<td colspan="20">-->
<#--<#if checkPrivilege("product/selectList")>-->
<#--<button method="selectList" class="btn btn-primary" onclick="selectList(this)">-->
<#--<i class="icon-search icon-white"></i> 查询-->
<#--</button>-->
<#--</#if>-->

<#--<#if checkPrivilege("product/toAdd")>-->
<#--<a href="toAdd" class="btn btn-success">-->
<#--<i class="icon-plus-sign icon-white"></i> 添加-->
<#--</a>-->
<#--</#if>-->

<#--<#if checkPrivilege("product/deletes")>-->
<#--<button method="deletes" class="btn btn-danger" onclick="return submitIDs(this,'确定删除选择的记录?');">-->
<#--<i class="icon-remove-sign icon-white"></i> 删除-->
<#--</button>-->
<#--</#if>-->

<#--<#if checkPrivilege("product/updateUp")>-->
<#--<button method="updateUp" class="btn btn-warning" onclick="return submitIDs(this,'确定上架选择的记录?');">-->
<#--<i class="icon-arrow-up icon-white"></i> 上架-->
<#--</button>-->
<#--</#if>-->

<#--<#if checkPrivilege("product/updateDown")>-->
<#--<button method="updateDown" class="btn btn-warning" onclick="return submitIDs(this,'确定下架选择的记录?');">-->
<#--<i class="icon-arrow-down icon-white"></i> 下架-->
<#--</button>-->
<#--</#if>-->

<#---->
<#--<a target="_blank" href="${systemSetting().www}/product/selectMemoryStock.html" class="btn btn-info">-->
<#--<i class="icon-eye-open icon-white"></i> 内存库存查询</a>-->
<#--<div style="float: right;vertical-align: middle;bottom: 0px;top: 10px;">-->
<#--<#include "/manage/system/pager.ftl"/>-->
<#--</div>-->
<#--</td>-->
<#--</tr>-->
<#--</table>-->

<#--<table class="table table-bordered table-condensed table-hover">-->
<#--<tr style="background-color: #dff0d8">-->
<#--<th width="20"><input type="checkbox" id="firstCheckbox" /></th>-->
<#--<th nowrap="nowrap">商品编号</th>-->
<#--<th>名称</th>-->
<#--<th>定价</th>-->
<#--<th>现价</th>-->
<#--<th>录入日期</th>-->
<#--<th>新品</th>-->
<#--<th>特价</th>-->
<#--<th>浏览次数</th>-->
<#--<th>库存</th>-->
<#--<th>销量</th>-->
<#--<th>状态</th>-->
<#--<th width="60">操作</th>-->
<#--</tr>-->
<#--<#list pager.list as item>-->
<#--<tr>-->
<#--<td><input type="checkbox" name="ids"-->
<#--value="${item.id!""}" /></td>-->
<#--<td nowrap="nowrap">&nbsp;${item.id!""}</td>-->
<#--<td >-->
<#--<#if item.giftID??>-->
<#--【赠品】-->
<#--</#if>-->
<#--<a class="product-name" title="${item.name}" href="toEdit?id=${item.id}">${item.name!""}</a>-->
<#--</td>-->
<#--<td>&nbsp;${item.price!""}</td>-->
<#--<td>&nbsp;${item.nowPrice!""}</td>-->
<#--<td>&nbsp;${item.createtime!""}</td>-->
<#--<td>&nbsp;-->
<#--<#if item.isnew??&&item.isnew=="n">-->
<#--<font color='red'></font>-->
<#--<#elseif item.isnew??&&item.isnew=="y">-->
<#--<!-- 							<font color='blue'>新品</font> &ndash;&gt;-->
<#--<img alt="新品" src="${basepath}/resource/images/action_check.gif">-->
<#--</#if>-->
<#--</td>-->
<#--<td>&nbsp;-->
<#--<#if item.sale??&&item.sale=="n">-->
<#--<font color='red'></font>-->
<#--<#elseif item.sale??&&item.sale=="y">-->
<#--<!-- 							<font color='blue'>特价</font> &ndash;&gt;-->
<#--<img alt="特价" src="${basepath}/resource/images/action_check.gif">-->
<#--</#if>-->
<#--</td>-->
<#--<td>&nbsp;${item.hit!""}</td>-->
<#--<td>&nbsp;-->
<#--<#if item.stock gt 0>-->
<#--${item.stock!""}-->
<#--<#else>-->
<#--<span class="badge badge-important">库存告急</span>-->
<#--</#if>-->
<#--</td>-->
<#--<td>&nbsp;${item.sellcount!""}</td>-->
<#--<td>&nbsp;-->
<#--<#if item.status??&&item.status==1>-->
<#--<img alt="新增" src="${basepath}/resource/images/action_add.gif">-->
<#--<#elseif item.status??&&item.status==2>-->
<#--<img alt="已上架" src="${basepath}/resource/images/action_check.gif">-->
<#--<#elseif item.status??&&item.status==3>-->
<#--<img alt="已下架" src="${basepath}/resource/images/action_delete.gif">-->
<#--</#if>-->
<#--</td>-->
<#--<td ><a href="toEdit?id=${item.id}">编辑</a>|-->
<#--<a target="_blank" href="${systemSetting().www}/product/${item.id!""}.html">查看</a>-->
<#--</td>-->
<#--</tr>-->
<#--</#list>-->

<#--<tr>-->
<#--<td colspan="70" style="text-align: center;">-->
<#--<#include "/manage/system/pager.ftl"/></td>-->
<#--</tr>-->
<#--</table>-->
<#---->
<#--<div class="alert alert-info" style="text-align: left;font-size: 14px;margin: 2px 0px;">-->
<#--图标含义：<BR>-->
<#--<img alt="新增" src="${basepath}/resource/images/action_add.gif">：新增商品-->
<#--<img alt="已上架" src="${basepath}/resource/images/action_check.gif">：商品已上架-->
<#--<img alt="已下架" src="${basepath}/resource/images/action_delete.gif">：商品已下架-->
<#--</div>-->

<#--</form>-->
<form id="searchForm" class="form-panel">
    <ul class="panel-content row">
        <li>
            <div class="control-group span8">
                <label class="control-label">商品编号:</label>

                <div class="controls">
                    <input type="text" class="input-normal" id="id" name="id"/>
                </div>
            </div>
            <div class="control-group span8">
                <label class="control-label">状态:</label>

                <div class="controls">
                    <select name="status" id="status" class="input-normal">
                        <option value="0">全部</option>
                        <option value="1">新增</option>
                        <option value="2">已上架</option>
                        <option value="3">已下架</option>
                    </select>
                </div>
            </div>
            <div class="control-group span8">
                <label class="control-label">商品分类:</label>

                <div class="controls">
                    <select name="catalogSelect" id="catalogSelect" class="input-normal">
                        <#list catalogs as item>-->
                            <option pid="0" value="${item.id!""}"><font color='red'>${item.name!""}</font></option>
                            <#if item.children??>
                                <#list item.children as item>
                                    <option value="${item.id!""}">&nbsp;&nbsp;&nbsp;&nbsp;${item.name!""}</option>
                                </#list>
                            </#if>
                        </#list>
                    </select>
                </div>
            </div>
        </li>
        <li>
            <div class="control-group span8">
                <label class="control-label">新品:</label>

                <div class="controls">
                    <select name="isnew" id="isnew" class="input-normal">
                        <option value="">全部</option>
                        <option value="y">是</option>
                        <option value="n">否</option>
                    </select>
                </div>
            </div>
            <div class="control-group span10">
                <div class="controls">
                    <label class="control-label">录入日期:</label>
                    <input name="startDate" class="input-small calendar" type="text" id="startDate"/>
                    <label>&nbsp;-&nbsp;</label>
                    <input name="endDate" class="input-small calendar" type="text" id="endDate"/>
                </div>
            </div>

        </li>
        <li>
            <div class="form-actions span12">
                <button type="submit" class="button  button-primary">
                    查询
                </button>
                <#if checkPrivilege("/manage/product/insert") >
                    <a href="${basepath}/manage/product/toAdd" class="button button-success">添加</a>
                </#if>
                <button  class="button button-danger"  onclick="return delFunction()">
                    删除
                </button>
                <button type="submit" class="button  button-warning">
                    上架
                </button>
                <button type="submit" class="button  button-warning">
                    下架
                </button>
                <button type="submit" class="button  button-info">
                    内存库存查询
                </button>
            </div>
        </li>
    </ul>
</form>
<div id="grid"></div>
<script>
    var Grid = BUI.Grid,
            Store = BUI.Data.Store,
            columns = [
                {title: '商品编号', dataIndex: 'id', width: 80},
                {title: '名称', dataIndex: 'product-name', width: 80},
                {title: '定价', dataIndex: 'price', width: 80},
                {title: '现价', dataIndex: 'nowPrice', width: 80},
                {title: '录入日期', dataIndex: 'status', width: 80},
                {
                    title: '新品', dataIndex: 'isnew', width: 80, renderer: function (data) {
                    if (data == "y") {
                        return '<img src="${basepath}/resource/images/action_check.gif">';
                    }
                }
                },
                {
                    title: '特价', dataIndex: 'sale', width: 80, renderer: function (data) {
                    if (data == "y") {
                        return '<img src="${basepath}/resource/images/action_check.gif">';
                    }
                }
                },
                {title: '浏览次数', dataIndex: 'hit', width: 80},
                {title: '库存', dataIndex: 'stock', width: 80},
                {title: '销量', dataIndex: 'sellcount', width: 80},
                {
                    title: '状态', dataIndex: 'status', width: 80, renderer: function (data) {
                    if (data == "1") {
                        return '<img src="${basepath}/resource/images/action_add.gif">';
                    }
                    else if (data == "2") {
                        return '<img src="${basepath}/resource/images/action_check.gif">';
                    }
                    else if (data == "3") {
                        return '<img src="${basepath}/resource/images/action_delete.gif">';
                    }
                }
                },
                {
                    title: '操作', dataIndex: 'id', width: 80, renderer: function (value) {

                    <#if checkPrivilege("/manage/product/edit")>
                        return '<a href="${basepath}/manage/product/toEdit?id=' + value + '">编辑</a>';
                    <#else>
                        return "";
                    </#if>


                }
                }
            ];
    var store = new Store({
                url: 'loadData',
                autoLoad: true, //自动加载数据
                params: { //配置初始请求的参数
                    length: '10',
                    status: $("#status").val()
                },
                pageSize: 10,	// 配置分页数目
                root: 'list',
                totalProperty: 'total'
            }),
            grid = new Grid.Grid({
                render: '#grid',
                columns: columns,
                loadMask: true, //加载数据时显示屏蔽层
                store: store,
                plugins: [Grid.Plugins.CheckSelection], // 插件形式引入多选表格

                // 底部工具栏
                bbar: {
                    pagingBar: true
                }
            });
    grid.render();

    var form = new BUI.Form.HForm({
        srcNode: '#searchForm'
    }).render();

    form.on('beforesubmit', function (ev) {
        //序列化成对象
        var obj = form.serializeToObject();
        obj.start = 0; //返回第一页
        store.load(obj);
        return false;
    });
//    删除选中记录
    function delFunction(){
        var selections = grid.getSelection();
        var ids=new Array();
        for(var i=0;i<selections.length;i++){
            ids[i]=selections[i].id.toString()
        }
        $.ajax({
            type: "POST",
            url: "${basepath}/manage/product/deletesJson",
            dataType: "json",
            data: {
                ids:ids
            },
            success: function (data) {
                var obj = form.serializeToObject();
                obj.start = 0; //返回第一页
                store.load(obj);
            }
        });

    }
</script>

<#--<script type="text/javascript">-->
<#--$(function() {-->
<#--selectDefaultCatalog();-->
<#--});-->
<#--function selectDefaultCatalog(){-->
<#--var _catalogID = $("#catalogID").val();-->
<#--if(_catalogID!='' && _catalogID>0){-->
<#--$("#catalogSelect").attr("value",_catalogID);-->
<#--}-->
<#--}-->
<#--</script>-->



</@page.pageBase>